

<div class="tree-contain animate-time " [ngClass]="{'right-full':isActive, 'right-off':!isActive }">
    <div class="tree-contain-padding">
        <ul class="breadcrumb">
            <li>
                <strong>功能目录</strong>
            </li>
        </ul>
        <div class="tree-box">
            <p class="mogami cursor" [ngClass]="{'active':treeTopActive}" >
                <span (click)="toMogami('0')">最上级</span>
            </p>
            <p-tree class="tree-public" 
                    [value]="treeDatas" 
                    selectionMode="multiple" 
                    [(selection)]="selectedFiles" 
                    (onNodeSelect)="nodeSelect($event)"
                    (treeOutput)="ParentAdd($event)"
                    >
            </p-tree>
        </div>
    </div>
</div>

<app-public-tab-user class="public-tab-user public-tab-user-effect" [ngClass]="{'right-full':isActive, 'right-off':!isActive }"></app-public-tab-user>
<!-- contain BEGIN -->
<div class="has-tree right-product right-full animate-time right-product-user" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
    <div class="list-contain center-back right-back">

        <!-- <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '功能权限管理', 'threeLevel' : '功能管理' }"></app-breadcrumb> -->
        <!-- 操作 BEGIN -->
        <div class="button-group hover-search">
                <button type="button" 
                        class="btn btn-blue" 
                        data-toggle="modal" 
                        data-target="#add" 
                        *ngIf="right['effect']['create']"
                        mat-button
                        >
                    <span class="glyphicon glyphicon-plus"></span> 新增
                </button>
                <button type="button" 
                        class="btn btn-orange"
                        data-toggle="modal" 
                        data-target="#delete"
                        [disabled]="isSelect"
                        mat-button
                        *ngIf="right['effect']['batchDelete']"
                        >
                    <span class="glyphicon glyphicon-trash"></span> 批量删除
                </button>
                
                <button type="button" 
                        class="btn btn-green" 
                        [disabled]="isSelect"
                        *ngIf="right['effect']['batchEnable']" 
                        (click)="_enable(1)"
                        mat-button
                        >
                    <span class="glyphicon glyphicon-ok-circle"></span> 批量启用
                </button>
                <button type="button" 
                        class="btn btn-orange"  
                        [disabled]="isSelect"
                        *ngIf="right['effect']['batchDisable']"
                        (click)="_disable(0)"
                        mat-button
                        >
                    <span class="glyphicon glyphicon-ban-circle"></span> 批量禁用
                </button>

                <!-- 检索 BEGIN -->
                    <div class="input-group pull-left search-width mr-10" *ngIf="right['effect']['query']">
                        <input type="text" 
                               class="form-control search-input" 
                               placeholder="请输入功能名称"  
                               #queryCriteria="ngModel"
                               ngModel
                               (blur)="emptyRetrieval()"
                               (input)="retrieval(queryCriteria.value)"
                               (keyup.enter)="retrieval(queryCriteria.value)"
                               >
                        <button class="btn btn-search btn-blue" (click)="retrieval(queryCriteria.value)" mat-button>查询</button>
                    </div>
                <!-- 检索 END -->

            </div>
        <!-- 操作 END -->
</div>
        <div class="container-fluid management-container-fluid institution-container-fluid">
            <div class="info-center">

                

                <!-- 列表内容 BEGIN -->
                    <div class="contain">
                        <div class="clearfix"></div>
                        <!-- 表格 BEGIN -->
                            <app-effect-table #table 
                                              [tableNumber]="tableNumber"
                                              [getAllPermission]="allPermission"
                                              (tabeListOutput)="ParentList($event)" 
                                              (isSelectFromTable)="isSelectFromTableHandler($event)"
                                              (detailsOutput)="ParentDetails($event)"
                                              >
                            </app-effect-table>
                        <!-- 表格 END -->
                    </div>
                <!-- 列表内容 BEGIN -->
            </div>

            <!-- 分页 BEGIN -->
                <app-pagination [getTotalItems]="totalItems" 
                                (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"
                                >
                </app-pagination>
            <!-- 分页 END -->
        </div>
    
</div>
<!-- contain END -->

<!-- 新增 BEGIN -->
    <app-effect-add (addOutput)="ParentAdd($event)" 
                    [superiorAdd]="superior" 
                    [superiorAddId]="superioraddId"
                    >
    </app-effect-add>
<!-- 新增 END -->

<!-- 详情 BEGIN -->
    <app-effect-details [getTabVal]="tabVal" 
                        [superiorDetails]="superior"
                        >
    </app-effect-details>
<!-- 详情 END -->

<!-- 修改 BEGIN -->
    <app-effect-update [getTabVal]="tabVal" 
                       (updateOutput)="ParentUpdate($event)" 
                       [superiorUpdate]="superior" 
                       [superiorUpdateId]="superioraddId"
                       >
    </app-effect-update>
<!-- 修改 END -->

<!-- 删除 BEGIN -->
    <app-effect-delete (deleteOutput)="ParentDelete($event)"></app-effect-delete>
<!-- 删除 END -->

<!-- 权限列表 BEGIN -->
    <app-effect-permission  [getTabVal]="tabVal"  
                            [superiorId]="superioraddId"
                            (permissionOutput)="ParentPermission($event)" 
                            (allPermission)="allPermissionHandler($event)" 
                            >
    </app-effect-permission>
<!-- 权限列表 END -->